<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分享好友</title>
    <!--解决QQ内分享问题-->
    <meta itemprop="name" content="送给新朋友的福利！￥9.9爱奇艺、￥12.9维达纸6包、￥14.5 ORI白咖啡味夹心饼干   …">
    <meta itemprop="image" content="https://cs.keycoin.cn/activity/images/shareImg.jpg"/>
    <meta name="description" content="掌上快币保证：所售商品均直采正品，请放心购买！">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="stylesheet" type="text/css" href="css/common.css">
</head>
<style>
    body{
        width:100%;
        height:100%;
        background:url(./images/background.png) no-repeat;
        background-size:100%;
    }
    form {
        width: 3rem;
        height: 3rem;
        margin: 0 auto;
        margin-top: 3.5rem;
    }
    .otel>input {
        width: 2.5rem;
        height: 0.4rem;
        display: block;
        border-radius: 0.06rem;
        margin: 0 auto;
        text-indent: 0.1rem;
    }
    .ocode>input {
        width: 1.5rem;
        height: 0.4rem;
        border-radius: 0.06rem;
        text-indent: 0.1rem;
    }
    input::-webkit-input-placeholder{
        color:rgb(117, 95, 50);
        font-size:0.13rem;
        text-indent:0.1rem;
    }
    input:-moz-input-placeholder{
        color:rgb(117, 95, 50);
        font-size:0.13rem;
        text-indent:0.1rem;
    }
    input::-moz-input-placeholder{
        color:rgb(117, 95, 50);
        font-size:0.13rem;
        text-indent:0.1rem;
    }
    input:-ms-input-placeholder{
        color:rgb(117, 95, 50);
        font-size:0.13rem;
        text-indent:0.1rem;
    }
</style>
<body>
    <!-- form表单 -->
    <form action="" class="odata">
        <!-- 手机号 -->
        <div class="otel" style="padding-top:0.4rem"><input type="number" placeholder="手机号:"></div>
        <!-- 验证码 -->
        <div class="ocode" style="overflow:hidden;width:2.5rem;margin:0 auto;margin-top:0.2rem"><input type="number" placeholder="验证码"><button style="width:0.9rem;height:0.4rem;display:inline-block;float:right;background:white;color:rgb(104, 68, 13);font-size:0.14rem;border-radius:0.06rem;border:none;background:rgb(228, 194, 133)">获取验证码</button></div>
        <!-- 立即参与按钮 -->
        <div class="obtn" style="margin-top:0.2rem"><img src="./images/icon.png" alt="" style="display: block;width: 2.5rem;height: 0.48rem;margin:0 auto"></div>
    </form>


    <script src="./js/jquery-3.2.0.js"></script>
    <script src="./js/common.js"></script>
</body>
</html>